Create a style to automate the formatting of HTML tags or text block identified by a CLASS
attribute.
To create a style:
1 | Choose Window > Styles and click Edit Style Sheets in the Style palette. |
2 | In the Edit Style Sheet dialog box, click New. |
3 | Choose from the following style types: |
![]() |
Make Custom Style creates a style for a CLASS attribute that can be applied to a text block. |
![]() |
Redefine HTML Tag creates a style that changes the formatting of a specified HTML tag. |
![]() |
CSS Selector creates a style for any section of the document identified by a valid CSS selector. |
4 | Enter a name, tag, or selector for the new style, following these conventions: |
![]() |
Custom style names for CLASS attributes must begin with a period. If you don't enter the period yourself, Dreamweaver enters it for you. |
![]() |
For HTML tag styles, choose an HTML tag from the pop-up menu, or enter one. |
![]() |
For a selector, enter any valid criteria for a selector, for example TD H2 or #myLayer. |
5 | Click a panel name on the left side of the dialog box and choose the formatting settings for the new style in the corresponding panel. Leave attributes empty if they are not important to the style. |
![]() |
Dreamweaver cannot display all of the available attributes indicated by an asterisk (*) next to the name. Some attributes are in the CSS specification, but are supported by only some current browsers and some attributes currently are not supported by any browsers.
See the following topics for information about specific settings:
When you create a custom style, it appear in the Style palette and in the Text > Custom Style submenu.